<template>
  <view class="Public-account">
    <!-- <tabBar v-if="customTabbar === 1 && tabbarTimeout" :nowPages.sync="nowPages" :showSale='showSale'></tabBar> -->
    <navBar v-if="isShowCustomNavBar" :navbarData.sync="navbarData"></navBar>
    <onlineService></onlineService>
    <view class="Public-con">
      <image src="https://100000063-1252208446.file.myqcloud.com/images/litha/gzh_code311.png" mode="widthFix"
        class="Public-qrcode" show-menu-by-longpress></image>
      <image src="https://100000063-1252208446.file.myqcloud.com/images/litha/gzh_text311.png" mode="widthFix" class="Public-title">
      </image>
      <image src="https://100000063-1252208446.file.myqcloud.com/images/litha/gzh_bg311-2text.png" mode="widthFix" class="Public-text"></image>
    </view>
  </view>
</template>

<script>
  import TabBar from '../../components/common/tabbar';
  import NavBar from '../../components/common/navbar';
  import onlineService from '@/components/common/onlineService';
  import {
    lithaReport
  } from '@/utils/litha_report';
  export default {
    components: {
      tabBar: TabBar,
      navBar: NavBar,
      onlineService: onlineService
    },
    data() {
      return {
        customTabbar: 1,
        tabbarTimeout: true,
        nowPages: '',
        showSale: true,
        isShowCustomNavBar: true,
        // 组件所需的参数
        navbarData: {
          showCapsule: 0, //是否显示左上角图标   1表示显示    0表示不显示
          title: '我的主页', //导航栏 中间的标题
          newLogo: uni.getStorageInfoSync('storeLogo'),
          isTopFixed: true,
          showSearchAndBack:1,
          whiteIcon: 1,
        },
        isShowCustomNavBar: true,
      }
    },

    async onShow() {
      getApp().cl_tracker.track('mini_program_view', {
        path: '/pages/public-account/public-account',
        pageName: '立即关注二维码页面',
      })
      lithaReport("mini_program_view", {
        path: '/pages/public-account/public-account',
        pageName: '立即关注二维码页面',
      })
    },
    methods: {

    }
  }
</script>

<style lang="less" scoped>
  .Public-account {
    width: 100%;
    height: 100vh;
    background: url('https://100000063-1252208446.file.myqcloud.com/images/litha/gzh_bg311-2.jpg') no-repeat;
    background-size: cover;
    .Public-con {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: absolute;
      bottom: 120rpx;
    }

    .Public-qrcode {
      width: 287rpx;
      height: 287rpx;
    }

    .Public-title {
      width: 522rpx;
      height: 97rpx;
      margin-top: 40rpx;
    }

    .Public-text{
      width: 243rpx;
      margin-top: 182rpx;
      margin-left: 485rpx;
    }
  }
</style>
